<template>
	<view class="">
		<view class="nav">
			<view class="loan" v-for="(item,index) in arr" :key="index" @click="select(index,item)" :class="currentindex===index?'loanselect':''">
				{{item.loan}}
			</view>
		</view>
	<!-- 商业贷款 -->
	</view>
	
	
	
</template>

<script>
	export default{
		data(){
			return{
				arr:[{loan:"商业贷款"},{loan:"组合贷款"},{loan:"公积金贷款"}],
				currentindex:0,
			}
		},
		methods:{
			select:function(index,item){
				this.currentindex=index
			}
		}
	}
</script>

<style>
	.nav{
		display: flex;
		justify-content: space-between;
		padding: 0 54rpx;
		box-sizing: border-box;
		margin-top: 34rpx;
	}
	.loan{
		font-size: 30rpx;
		font-family: MicrosoftYaHei-Bold;
		color: #808080;
		height: 60rpx;
		line-height: 60rpx;
		
	}
	.loanselect{
		border-bottom: 7rpx solid #ce3d3a;
		color: #282828;
	}
</style>
